<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:m;"
  xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="left:18px;top:83px;height:244px;"
    onLoad="modelLoad"></div>  
  <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"
    xid="panel1"> 
    <div class="x-panel-top" xid="top1" visible="true">
      <div component="$UI/system/components/justep/titleBar/titleBar" title="TCP测试页"
        class="x-titlebar"> 
        <div class="x-titlebar-left"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left" onClick="{operation:'window.close'}"
            xid="backBtn1"> 
            <i class="icon-chevron-left" xid="i7"/>  
            <span xid="span7"/>
          </a>
        </div>  
        <div class="x-titlebar-title"><![CDATA[TCP测试页]]></div>  
        <div class="x-titlebar-right reverse"></div> 
      </div>
    </div>  
    <div class="x-panel-content" xid="content3">
      <div component="$UI/system/components/justep/contents/contents" class="x-contents x-full"
        active="0" slidable="true" xid="contents"> 
        <div class="x-contents-content active" xid="content1"> 
          <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
            <div class="x-panel-top"></div>  
            <div class="x-panel-content"> 
              <div component="$UI/system/components/justep/row/row" class="x-row"
                xid="row1"> 
                <div class="x-col" xid="col1">
                  <div component="$UI/system/components/justep/labelEdit/labelEdit"
                    class="x-label-edit x-label30" xid="labelEdit1"> 
                    <label class="x-label" xid="label1"><![CDATA[IP]]></label>  
                    <input component="$UI/system/components/justep/input/input"
                      class="form-control x-edit" xid="input1"/>
                  </div>
                </div> 
              </div>  
              <div component="$UI/system/components/justep/row/row" class="x-row"
                xid="row2"> 
                <div class="x-col" xid="col4">
                  <div component="$UI/system/components/justep/labelEdit/labelEdit"
                    class="x-label-edit x-label30" xid="labelEdit2"> 
                    <label class="x-label" xid="label2"><![CDATA[PORT]]></label>  
                    <input component="$UI/system/components/justep/input/input"
                      class="form-control x-edit" xid="input2"/>
                  </div>
                </div> 
              </div>  
              <div component="$UI/system/components/justep/row/row" class="x-row"
                xid="row3"> 
                <div class="x-col" xid="col7">
                  <div component="$UI/system/components/justep/labelEdit/labelEdit"
                    class="x-label-edit x-label30" xid="labelEdit3"> 
                    <label class="x-label" xid="label3"><![CDATA[内容]]></label>  
                    <input component="$UI/system/components/justep/input/input"
                      class="form-control x-edit" xid="input3"/>
                  </div>
                </div> 
              </div>  
              <div component="$UI/system/components/justep/row/row" class="x-row"
                xid="row4"> 
                <div class="x-col" xid="col10"/>  
                <div class="x-col" xid="col11">
                  <a component="$UI/system/components/justep/button/button"
                    class="btn x-blue btn-block" label="发送" xid="button1" onClick="button1Click"> 
                    <i xid="i1"/>  
                    <span xid="span1">发送</span>
                  </a>
                </div>  
                <div class="x-col" xid="col12"/>
              </div>  
              <div component="$UI/system/components/justep/row/row" class="x-row"
                xid="row5"> 
                <div class="x-col" xid="col15">
                  <div component="$UI/system/components/justep/labelEdit/labelEdit"
                    class="x-label-edit x-label30" xid="labelEdit4"> 
                    <label class="x-label" xid="label4"><![CDATA[接收]]></label>  
                    <div component="$UI/system/components/justep/output/output"
                      class="x-output x-edit" xid="output1"/>
                  </div>
                </div>
              </div> 
            </div> 
          </div> 
        </div>  
        <div class="x-contents-content" xid="content2"> 
          <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
            <div class="x-panel-top"> 
              <div component="$UI/system/components/justep/titleBar/titleBar"
                title="页面二" class="x-titlebar"> 
                <div class="x-titlebar-left"> 
                  <a component="$UI/system/components/justep/button/button"
                    label="" class="btn btn-link btn-only-icon" icon="icon-chevron-left"
                    onClick="{operation:'contents.prev'}" xid="backBtn2"> 
                    <i class="icon-chevron-left"/>  
                    <span/> 
                  </a> 
                </div>  
                <div class="x-titlebar-title">页面二</div>  
                <div class="x-titlebar-right reverse"></div> 
              </div> 
            </div>  
            <div class="x-panel-content"><div component="$UI/system/components/justep/tree/tree" class="x-tree x-inner-scroll" xid="tree1">
   <div class="x-tree-head" xid="div1">
    <ul component="$UI/system/components/bootstrap/breadcrumb/breadcrumb" class="breadcrumb"></ul></div> 
   <div class="x-tree-content x-scroll-view" xid="div2">
    <div component="$UI/system/components/justep/scrollView/scrollView" supportPullDown="true" supportPullUp="true" hScroll="false" vScroll="true" hScrollbar="false" vScrollbar="true" bounce="true" class="x-scroll" xid="scrollView1">
     <div class="x-content-center x-pull-down container" xid="div3">
      <i class="x-pull-down-img glyphicon x-icon-pull-down" xid="i8"></i>
      <span class="x-pull-down-label" xid="span8">下拉刷新...</span></div> 
     <ul class="x-tree-template x-scroll-content" xid="treeTemplateUl1">
      <li class="x-tree-link" xid="li1"></li></ul> 
     <div class="x-content-center x-pull-up" xid="div4">
      <span class="x-pull-up-label" xid="span9">加载更多...</span></div> </div> </div> </div></div> 
          </div> 
        </div> 
      </div>
    </div>  
    <div class="x-panel-bottom" xid="bottom1" height="60" visible="true">
      <div component="$UI/system/components/justep/button/buttonGroup" class="btn-group x-card btn-group-justified center-block"
        tabbed="true" xid="buttonGroup1" selected="button2"> 
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-bottom"
          label="实时数据" xid="button2" icon="linear linear-history" target="content2"> 
          <i xid="i2" class="linear linear-history"/>  
          <span xid="span2">实时数据</span>
        </a>  
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-bottom"
          label="测试页" xid="button3" icon="linear linear-pointerleft" target="content1"> 
          <i xid="i3" class="linear linear-pointerleft"/>  
          <span xid="span3">测试页</span>
        </a>  
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-bottom"
          label="目视数据" xid="button4" icon="linear linear-camera"> 
          <i xid="i4" class="linear linear-camera"/>  
          <span xid="span4">目视数据</span>
        </a>  
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-bottom"
          label="历史数据" xid="button5" icon="dataControl dataControl-report"> 
          <i xid="i5" class="dataControl dataControl-report"/>  
          <span xid="span5">历史数据</span>
        </a>  
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-bottom"
          label="设置" xid="button6" icon="linear linear-cog"> 
          <i xid="i6" class="linear linear-cog"/>  
          <span xid="span6">设置</span>
        </a>
      </div>
    </div>
  </div> 
</div>
